@charset "utf-8";
/* CSS Document */
body{margin:0;border:0;padding:0;}
*{ margin: 0px; padding: 0px;font-size: 12px;font-family: "微软雅黑","黑体";}
li{list-style:none;}
a{text-decoration:none; color:#323232; cursor:pointer;}
.header{width:980px;margin-left:auto;margin-right:auto; height:60px; overflow:hidden; margin-top:10px;}
.logo img{width:60px; height:auto; float:left;}
.logo a{font-size:40px; line-height:60px;float:left; margin-left:10px;}
.header-right{float:right;}
.back a{float:right;width: auto;height: 40px;line-height: 40px;}
.nav{clear:right;float: left; width: 490px; height: 22px; line-height: 22px;background-image:url(../image/line-blue-1.png);background-repeat:no-repeat;background-position:center right; }
.nav ul{display:block; height:20px;}
.nav li{float:left; list-style:none; font-size:14px;  display: block;width: 122px;height: 30px; text-align:center; background-image:url(../image/line-blue-1.png);background-repeat:no-repeat;background-position:center left;}
.nav li a{font-size: 14px; color: #484848; display: block; width: 122px; height: 22px;line-height: 22px;}
.line{width:980px; height:10px; background-color:#316fe9;margin-left:auto; margin-right:auto;margin-top:40px;}
.mianbaoxie{margin-top:10px; width:980px;margin-left:auto;margin-right:auto;}
.product{width:980px;margin-left:auto; margin-right:auto;}
.product-title h1{font-size:16px; font-family:"Courier New", Courier, monospace, "微软雅黑"; color:#000; margin-top:10px;}
.product-p{margin-top:20px;}
.securities{width:320px; height:400px; border:solid 1px #CCC;  float:left; box-sizing:border-box;}
.securities img{width:300px; height:240px;margin:10px;}
.securities-t,.app-t{width:300px; text-align:center; color:#316fe9; font-size:20px; font-weight:700;    margin-bottom: 10px;}
.securities p,.app p{width:290px; text-indent:2em; color:#646464;margin: auto;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.securities input{width:110px; height:30px; background-color:#316fe9; color:#fff; font-size:18px; border-radius:5px; border:0; cursor:pointer; margin:10px auto; display:block;}
.app{width:320px; height:400px; border:solid 1px #CCC;margin-left:10px; float:left;box-sizing:border-box;}
.app img{width:300px; height:240px;margin:10px;}
.app input{width:110px; height:30px; background-color:#316fe9; color:#fff; font-size:18px; border-radius:5px; border:0;cursor:pointer;  margin:10px auto; display:block;}

.at01{ height:35px;}
.at01 ul{overflow:hidden; margin-left:auto; margin-right:auto; width:880px;}
.at01 ul li{float:left; padding:0 14px; margin-top:10px; color:#323232; line-height:15px;}
.at01 .sline{border-left:solid 2px #666;}
.at01 a{color:#323232; font-size:12px;}
.at02{font-size:13px; margin-left:auto;margin-right:auto; margin-top:10px;width:745px;}
.at03{ margin-top:10px;width:80px;margin-left:auto;margin-right:auto;}
.footer{clear:both;}
.nav li a:hover{color:red; font-weight:700;}

/*服务产品*/
.service-produvt{width:100%; margin:20px 0 10px;}
.service-produvt h2{font-family: 微软雅黑; font-size: 23px; color: #333;}
.service-produvt ul{width: 100%; margin-top: 20px;float:left;}
.service-produvt ul li{width: 200px; padding: 30px 15px 0 15px; height: 280px;border:solid 1px #ccc;overflow:hidden; float: left; margin-right: 10px;margin-bottom: 30px; background-color: #FFF;
    text-align: center;
    position: relative;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.service-produvt ul li:hover {
	transform: translateY(-3px);
    -moz-box-shadow: 0px 3px 15px #c0c0c0;
    -webkit-box-shadow: 0px 3px 15px #c0c0c0;
    box-shadow: 0px 3px 15px #c0c0c0;
}
.service-produvt ul li a:hover{text-decoration: none;}
.f_2 {font-family: 微软雅黑; font-size: 17px; color: #1E9FFF;}
.service-produvt ul li a .f_2{font-weight:700;}
.service-produvt ul li a img{max-width:200px; height:150px; margin:5px 0 5px 0;}
.f_3 { font-family: 微软雅黑; font-size: 15px; line-height:24px;color: rgb(136, 136, 136);}
.service-produvt .price {
    margin-top: 10px;
    font-family: 微软雅黑;
    font-size: 18px;line-height:24px;
    color: rgb(255, 0, 0);
}
.service-produvt .ms { 
	position: absolute; height: 100px; left: 0px; bottom: 0px; width: 202px; background-color: #1E9FFF; font-size: 12px;
    line-height: 24px;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    padding: 5px 14px 0 14px;
    color: #FFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translatey(20px);
    -ms-transform: translatey(20px);
    transform: translatey(20px);
    -webkit-transition: .3s;
    transition: .3s;
}
.service-produvt ul li:hover .ms {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
}

.service-produvt ul li strong{
	position:absolute; top:15px;left:-24px;width:100px;height:24px; line-height:24px; background:#D11A28;color:#fff;font-weight:400;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

/*软件类产品*/
.soft-product{width:100%; margin:30px 0 10px;}
.soft-product h2{font-family: 微软雅黑; font-size: 23px; color: #333;}